<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/index.css">
		<script src="../js/lunbo.js"></script>
		
	</head>
	<body>
		<div id="top">
			<div id="logo">
				<a href="index.html">
					<img src="../img/logo.jpg">
				</a>
			</div>
			<ul>
				<li><a href="#">子弹头断货王</a></li>
				<li id="two"><a href="#">新品快讯</a></li>
				<li><a href="list.html">全部产品</a></li>
				<li><a href="list.html">热卖产品</a></li>
				<li><a href="#">门店专柜</a></li>
				<li><a href="#">唇妆视频</a></li>
			</ul>
			<span>
				<a href="#">
					<img src="../img/sousuo.jpg" alt="">
				</a>
			</span>
			<div class="xx">
				<a href="#">
					<img src="../img/xingxi.jpg" alt="">
				</a>
			</div>
			<a href="login.html" class="denglu">
				MY&nbspM·A·C
			<p>用户登录</p>
			</a>
			<div class="che">
					<a href="#">
						<img src="../img/gouwuche.jpg" alt="">
					</a>
			</div>
			<div id="fulan">
				<div>
					<li>
						<a href="#">
							<div class="aft">
								<p>魅可单色美学系列</p>
								<img src="../img/top1-1.jpg" alt="">
							</div>
							
							<div class="block-content">
	   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
							    <span class="block-link">查看系列</span>
							  </div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="aft">
								<p>魅可保湿喷雾</p>
								<img src="../img/1-1.jpg" alt="">
							</div>
							<div class="block-content">
	   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
							    <span class="block-link">查看系列</span>
							  </div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="aft">
								<p>魅可立体柔光系列</p>
								<img src="../img/1-3.jpg" alt="">
							</div>
							<div class="block-content">
	   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
							    <span class="block-link">查看系列</span>
							  </div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="aft">
								<p>魅可液体趋势系列</p>
								<img src="../img/1-4.jpg" alt="">
							</div>
							<div class="block-content">
	   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
							    <span class="block-link">查看系列</span>
							  </div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="aft">
								<p>魅可定制无暇粉底液</p>
								<img src="../img/top1-5.jpg" alt="">
							</div>
							<div class="block-content">
	   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
							    <span class="block-link">查看系列</span>
							  </div>
						</a>
					</li>
				</div>
				<div id="btn"><a href="#">查看全部系列</a></div>

				
			</div>
<!-- 													banner								 -->
		</div>
		<div id="banner">
			<div class="slider">
				<ul class="list">
					<li class="item"><img src="../img/banner2.jpg" alt=""><a href="">立即购买</a></li>
					<li class="item"><img src="../img/banner3.jpg" alt=""><a href="">立即购买</a></li>
					<li class="item"><img src="../img/banner1.jpg" alt=""><a href="">立即购买</a></li>
				</ul>
	<!-- 			<button class="prev">prev</button>
				<button class="next">next</button> -->
				<ul class="pagination">
					<li class="con focus"></li>
					<li class="con"></li>
					<li class="con"></li>
				</ul>
			</div>
		</div>



		<!-- 							content													 -->
		<div id="content">
			<div class="zuo">
				<h4>实力控油持妆</h4>
				<p>自然妆感，无惧脱妆 
					<br>
					派对焦点，本色出演
				</p>
				<span>立即购买</span>
				<a href="#">
					<img src="../img/zuo.jpg" alt="">
				</a>
			</div>
			<div class="you">
				<h4>NEW!&nbsp焦点小眼影</h4>
				<p>实用潮搭&nbsp眼睛彩不落单</p>
				<span>立即购买</span>
				<a href="#">
					<img src="../img/you.jpg" alt="">
				</a>
			</div>
		</div>
		<!-- 							case											 -->
		<div id="case">
			<div id="hea">
				<h3>人气必BUY</h3>
				<ul>
					<li index='0'>
						<a href="javascript:;" >唇妆热卖</a>
					</li>
					<li index='1'>
						<a href="javascript:;" >眼妆热卖</a>
					</li>
					<li index='2'>
						<a href="javascript:;" >底妆热卖</a>
					</li>
				</ul>
				
			</div>
			<div id="momo">
				<ul>
					<li>
						<div class="shang">
							<h3>
								<a href="#">柔感哑光唇膏</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/25.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								Matte Lipstick
							</div>
							<p>色号： CHILI   小辣椒 </p>
							<p>[ 柔感哑光 ]</p>
							
							<img class="ii" src="../img/kou1.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
						<li>
						<div class="shang">
							<h3>
								<a href="#">柔感哑光唇膏</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/25.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">Matte Lipstick</div>
							<p>色号： CHILI   小辣椒 </p>
							<p>[ 柔感哑光 ]</p>
							
							<img class="ii" src="../img/kou2.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
						<li>
						<div class="shang">
							<h3>
								<a href="#">柔感哑光唇膏</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/25.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">Matte Lipstick</div>
							<p>色号： CHILI   小辣椒 </p>
							<p>[ 柔感哑光 ]</p>
							
							<img class="ii" src="../img/kou3.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
					<li>
						<div class="shang">
							<h3>
								<a href="#">柔感哑光唇膏</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/25.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">Matte Lipstick</div>
							<p>色号： CHILI   小辣椒 </p>
							<p>[ 柔感哑光 ]</p>
							
							<img class="ii" src="../img/kou4.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
				</ul> 

				<ul>
					<li>
						<div class="shang">
							<h3>
								<a href="#">魅可时尚焦点小眼影</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/75.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 SMALL  EYE  SHADOW
							</div>
							<p>色号： OMEGA </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/yan1.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
						<li>
						<div class="shang">
							<h3>
								<a href="#">魅可时尚焦点小眼影</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/75.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 SMALL  EYE  SHADOW
							</div>
							<p>色号： OMEGA </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/yan2.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
					<li>
						<div class="shang">
							<h3>
								<a href="#">魅可时尚焦点小眼影</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/75.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 SMALL  EYE  SHADOW
							</div>
							<p>色号： OMEGA </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/yan3.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
					<li>
						<div class="shang">
							<h3>
								<a href="#">魅可时尚焦点小眼影</a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/75.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 SMALL  EYE  SHADOW
							</div>
							<p>色号： OMEGA </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/yan4.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥170</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="shang">
							<h3>
								<a href="#">魅可水漾轻盈粉底液 </a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/75.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 STUDID WATERWEIGHT SPF 30
							</div>
							<p>POUNDATION </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/di1.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥380</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
					<li>
						<div class="shang">
							<h3>
								<a href="#">魅可水漾轻盈粉底液 </a>
								<div class="right">	
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/100.png" alt="">
									<img src="../img/25.png" alt="">
								</div>
							</h3>
							<img src="../img/爱心.png" alt="">
							<div class="zi">
								 STUDID WATERWEIGHT SPF 30
							</div>
							<p>POUNDATION </p>
							<p>[ 哑光质地 ]</p>
							
							<img class="ii" src="../img/di2.jpg" alt="">
						</div>
						<div class="fot">
							<p>￥380</p>
							<div>	
								<a href="#">加入购物车</a>
							 </div>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<!-- 							main											 -->
		<div id="main">
			<h3>
				明星新品
			</h3>
			<ul>
				<li>
					<a href="#">
						<img src="../img/1-1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/1-2.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/1-3.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/1-4.jpg" alt="">
					</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href="#">
						<img src="../img/2-1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/2-2.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/2-3.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../img/2-4.jpg" alt="">
					</a>
				</li>
			</ul>
		</div>
		<!-- 								bottom									 -->
		<div id="bottom">
			<ul class="list1">
					<h3>门店地址</h3>
					<li>
						<a href="#">
							查找门店
						</a>
					</li>
					<li>
						<a href="#">
							魅可定制美妆
						</a>
					</li>
			</ul>
			<ul class="list2">
					<h3>客户服务</h3>
					<li>
						<a href="#">
							联系我们
						</a>
					</li>
					<li>
						<a href="#">
							网上商城服务热线：
						</a>
					</li>
					<li>
						<a href="#">
							400-602-9566
						</a>
					</li>
					<li>
						<a href="#">
							专柜客户关怀热线：
						</a>
					</li>
					<li>
						<a href="#">
							400-821-1308
						</a>
					</li>
					<li>
						<a href="#">
							常见问题
						</a>
					</li>
					<li>
						<a href="#">
							订单情况
						</a>
					</li>
					<li>
						<a href="#">
							运输信息
						</a>
					</li>
					<li>
						<a href="#">
							退换政策
						</a>
					</li>
			</ul>
			<ul class="list3">
					<h3>关于我们</h3>
					<li>
						<a href="#">
							品牌故事
						</a>
					</li>
					<li>
						<a href="#">
							艾滋病基金会
						</a>
					</li>
					<li>
						<a href="#">
							M·A·C魅可官网购物五大理由
						</a>
					</li>
					<li>
						<a href="#">
							M·A·C魅可专业会员
						</a>
					</li>
					<span>公司地址</span>
					<li>
						<a href="#" style=''>
							上海市静安区&nbsp;延安中路1228号静安嘉里中心三座11楼
						</a>
					</li>
			</ul>
			<ul class="list4">
					<h3>账户</h3>
					<li>
						<a href="#">
							账号
						</a>
					</li>
					<li>
						<a href="#">
							订单状态
						</a>
					</li>
					<li>
						<a href="#">
							我的收藏
						</a>
					</li>
			</ul>
			<ul class="list5">
					<h3>链接</h3>
					<li>
						<img src="../img/weix.png" alt="">
						<img src="../img/weib.png" alt="">
					</li>
					<li>
						<img src="../img/trustmark_logo (1).png" alt="">
					</li>
			</ul>

		</div>


		<!-- 								footer									 -->
		<div id="footer">
			<ul>
				<li>
					<a href="#">
						隐私保护
					</a>
				</li>
				<li>
					<a href="#">
						条件条款
					</a>
				</li>
				<li>
					<a href="#">
						产品真伪鉴别
					</a>
				</li>
				<li>
					<a href="#">
						&copy;&nbsp;MAKE-UP ART COSMETICS. ALL WORLDWIDE RIGHTS RESERVED.
					</a>
				</li>
				<li>
					<a href="#">
						沪ICP备08005263号
					</a>
				</li>
				<li>
					<a href="#">
						上海工商
					</a>
				</li>

			</ul>
		</div>
	
		<script src="../js/lunboo.js"></script>
		<script src="../js/index.js"></script>
	</body>
</html>
